<script setup lang="ts">
import { NTabs, NTabPane, NMessageProvider } from 'naive-ui'
import Crawler from './Crawler.vue';
import Test from './Test.vue';
</script>

<template>
  <div class="IndexPage">
    <!-- n-message-provider 下面才可以使用 useMessage -->
    <n-message-provider>
      <n-tabs type="line" animated>
        <n-tab-pane name="test" tab="测试"><test /></n-tab-pane>
        <n-tab-pane name="crawler" tab="爬虫"><crawler /></n-tab-pane>
      </n-tabs>
    </n-message-provider>
  </div>
</template>

<style scoped>
.IndexPage {
  width: 100%;
  height: 100%;
  display: flex;
}
</style>
